<template>
  <div>
    <div class="blue-bg" >
      <img src="../assets/logo.png" alt="" style="height: 90px;width: 90px;"/>
      <span>华南师范大学计算机学院自考实践考核报名系统</span>
      <slot class="slotcss"> </slot>
      <div class="min-nav">
        <div class="linkContent">
          <el-link > 设为首页</el-link>
          <el-divider direction="vertical"></el-divider>
          <el-link href="http://www.scnu.edu.cn/">华师主页</el-link>
          <el-divider direction="vertical"></el-divider>
          <el-link href="https://sso.scnu.edu.cn/AccountService/user/index.html">内部门户</el-link>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Header"
}
</script>

<style lang="less" scoped>
.slotcss{
  margin-right: 0px;



}
.linkContent{
  text-align: right;
  color:#fff;
}
.linkContent a{color: #fff;}
.linkContent a:hover{color: #a5b9f1;}
.min-nav{
  float:right;
  margin-top:10px;
  font-size:12px;
  font-family: 宋体;

}
.min-nav ul li a{
  display: block;padding: 0 5px;font-size: 13px;color: #FFF;
  text-decoration-line: none;}


.blue-bg{
  width: 100%;
  height: 130px;
  background: #017FCA;
  position: absolute;
  top: 0;
  left: 11px;
  z-index: 0;
  font-size:36px;
  font-family: 华文行楷;
  height: 130px;

  color: #fff;
  > div {
    display: flex;
    align-items: center;

    img {
      width: 110px;
      height: 110px;
      border-radius: 50%;
    }

    span {
      margin-left: 15px;
    }
  }

}
</style>